﻿<link href="~/lib/layui/css/layui.css" rel="stylesheet" />   @* 一 ①样式 *@ @* ②layui js库 *@
<script src="~/js/js.cookie.js"></script>
<script src="~/js/moment.js"></script>
<script src="~/lib/layui/layui.js"></script>
<script src="~/lib/jquery/dist/jquery.js"></script>

<h2>轮播图</h2>

<div class="layui-carousel" id="ID-carousel-demo-image">
    <div carousel-item id="data">
        <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-1.jpg"></div>
        <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-2.jpg"></div>
        <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-3.jpg"></div>
        <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-4.jpg"></div>
        <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-5.jpg"></div>
    </div>
</div>

<script>
    

    layui.use(function () {
        var carousel = layui.carousel;
        // 渲染 - 图片轮播
        carousel.render({
            elem: '#ID-carousel-demo-image',
            width: '720px',
            height: '360px',
            interval: 3000
        });
    });
</script>